import Vue from 'vue'
import VueRouter from 'vue-router'

// 进度条
import { Toast } from 'vant'

// token
import { getToken } from '@/utils/auth'

// 路由数据
import routes from './routes'

Vue.use(VueRouter)

// 导出路由 在 main.js 里使用
const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

/**
 * 路由拦截
 * 用户认证
 */
router.beforeEach(async (to, from, next) => {
  // 进度条
  Toast.loading({
    duration: 0,
    message: '加载中...',
    forbidClick: true
  })
  // 验证当前路由所有的匹配中是否需要有登录验证的
  if (to.matched.some(r => r.meta.auth)) {
    // 请根据自身业务需要修改
    const token = getToken()
    if (token && token !== 'undefined') {
      next()
    } else {
      // 没有登录的时候跳转到登录界面
      next({
        name: 'Login',
        query: {
          redirect: to.fullPath
        }
      })
    }
  } else {
    // 不需要身份校验 直接通过
    next()
  }
})

router.afterEach(to => {
  // 进度条
  Toast.clear()
})

export default router
